<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <%@ include file="/common/dxp/include/common-base.jsp"%>
  <title>数据源配置管理</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>

<!-- Part 一、 以下是body主体内容的模块区域 -->
<body class="hold-transition ${sysColor} sidebar-mini">
<div class="wrapper">

  <!-- top start -->
  <%@include file="/common/dxp/top.jsp" %>
  <!-- top end -->
  <!-- left start -->
  <%@include file="/common/dxp/left.jsp" %>
  <!-- left end-->

  <div class="content-wrapper">
    <!-- Main start -->
	<section class="content">
		<div id="div_hidden_content" class="hidden" style="display:none;">
			<input name="templateType" type="hidden" value="all"/>
			<div id="hidden_common_final">
				<!-- temp="hidden_common_final" start -->
				<input name="mainObjName" type="hidden" value="tRpcDatasource">
				<input name="mainObjPrimaryKey" type="hidden" value="dataName">
				<input name="objNameAll" type="hidden" value="tRpcDatasource">
				<!-- temp="hidden_common_final" end -->
			</div>
			<!-- temp="delForm_hidden" start -->
			<div id="delForm_hidden" style="display:none;">
				<input type="hidden" name="pageName" value="datasource-list"/>
				<input type="hidden" name="formName" value="delForm"/>
			</div>
			<!-- temp="delForm_hidden" end -->
		</div>
		<div class="row">
			<div class="col-xs-12">

				<!------搜索  start ------->
				<div class="box box-info">
					<!--搜索title  start -->
					<div class="box-header with-border">
						<h3 class="box-title"><i class="fa fa-search"></i> 数据源配置管理搜索</h3>
						<div class="box-tools pull-right">
							<button type="button" class="btn btn-box-tool" data-widget="collapse"><i
									class="fa fa-minus"></i></button>
						</div>
					</div>
					<!--搜索title  end -->
					<div class="box-body">
						<form id="searchForm" action="javascript:;">
							<!-- temp="searchForm_hidden" start -->
							<div id="searchForm_hidden" style="display:none;">
								<input type="hidden" name="pageName" value="datasource-list"/>
								<input type="hidden" name="formName" value="searchForm"/>
								<input type="hidden" name="tRpcDatasource.w_datasource1" value="business"/>
								<input type="hidden" name="orderBy" value="tRpcDatasource.data_name"/>
							</div>
							<!-- temp="searchForm_hidden" end -->

							<!-- temp="searchForm_content" start -->
							<div id="searchForm_content" class="form-group" data-temp-code="true"
								 data-temp-type="searchForm" data-temp-form-id="searchForm">


								<table class="table table-bordered bordercolor">
									<tbody>
									<tr>
										<td class="active" align="right"><label
												class="form-control-static">数据源标识：</label></td>
										<td>
											<div class="form-group">
												<input name="tRpcDatasource.wl_sysEname"
													   class="form-control clean" maxlength="30">
											</div>
										</td>
										<td class="active" align="right"><label
												class="form-control-static">数据源类型：</label></td>
										<td>
											<div class="form-group">
												<select class="form-control clean" name="tRpcDatasource.w_databaseType">
													<option value="" selected="selected">--请选择--</option>
													<option value="mysql">mysql</option>
													<option value="oracle">oracle</option>
												</select>
											</div>
										</td>
									</tr>
									</tbody>
								</table>
							</div>
							<!-- temp="searchForm_content" end -->
						</form>
						<div class="box-footer text-center">
							<button type="button" class="btn btn-success" onclick="getTableData();"
									data-temp-event="searchForm_hidden"><i class="fa fa-search"></i> 查询
							</button>
							 
							<button type="button" class="btn btn-warning"
									onclick="mytools.cleanData('#searchForm');">重置
							</button>
						</div>
					</div>
				</div>
				<!------- 搜索 end -------->

				<!------- 列表 start -------->
				<div class="box box-success">
					<!--列表title  start -->
					<div class="box-header with-border">
						<h3 class="box-title"><i class="fa fa-table"></i> 查询结果 [共计<span id="dataListTotalCount">0</span>条数据]
							　　　
							<button id="button_to_add" onclick="toAdd();" class="btn btn-success" type="button"><i
									class="fa fa-plus-circle"></i> 增加
							</button>
						</h3>
						<div class="box-tools pull-right">
							<button type="button" class="btn btn-box-tool" data-widget="collapse"><i
									class="fa fa-minus"></i></button>
						</div>
					</div>
					<div class="box-body">
						<table id="dataList" class="table table-bordered table-hover">
							<thead>
							<tr id="dataList_thead_content" data-temp-code="true" data-temp-type="table"
								data-temp-show="dataList_template_content">
								<th>序号</th>
								<!-- temp="dataList_thead_content" start -->
								<th>数据源标识</th>
								<th>数据源类型</th>
								<th>连接地址</th>
								<th>操作</th>
								<!-- temp="dataList_thead_content" end -->
							</tr>
							</thead>
							<tbody id="dataList-body">

							</tbody>
						</table>
					</div>

					<div class="box-footer text-center">
						<ul id="dataList-page" class="pagination">
						</ul>
					</div>
				</div>
				<!------- 列表 end -------->
			</div>
		</div>

		<div win-title="添加窗口" class="modal fade" id="my_modal_add" tabindex="-1" role="dialog"
			 aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">信息添加</font> 
						</h4>
					</div>

					<div class="modal-body">

						<div class="nav-tabs-custom">
							<ul class="nav nav-tabs" id="myTab-add">
							</ul>

							<!-- tab content start -->
							<div class="tab-content">

								<div class="tab-pane active" id="tabAdd_1">
									<form class="form-horizontal addFormBody" role="form" id="addForm1"
										  action="javascript:void(0)">
										<input type="hidden" class="formToken" id="addForm1_formToken"
											   name="formToken"/>
										<!-- temp="addForm1_hidden" start -->
										<div id="addForm1_hidden" style="display:none;">
											<input type="hidden" name="pageName" value="datasource-list"/>
											<input type="hidden" name="formName" value="addForm"/>
											<input type="hidden" name="tRpcDatasource.datasource1" value="business"/>
											<input type="hidden" name="tRpcDatasource.sysEname" value=""/>
										</div>
										<!-- temp="addForm1_hidden" end -->

										<!-- temp="addForm1_content" start -->
										<div id="addForm1_content" data-temp-code="true" data-temp-type="addForm"
											 data-temp-form-id="addForm1">


											<table class="table table-bordered bordercolor">
												<tbody>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">数据源标识：</label></td>
													<td>
														<div class="form-group">
															<input name="tRpcDatasource.dataName"
																   class="form-control clean"
																   maxlength="30" placeholder="必填项" data-bv-notempty="true"
																   data-bv-notempty-message="不能为空" data-bv-regexp="true" data-bv-regexp-regexp="^[a-zA-Z0-9-_]+$"
																   data-bv-regexp-message="必须是数字或字母组合"
																   onblur="mytools.validFieldRepeat(this)"
																   data-validate-repeat-message="数据源标识已存在，请更换！"
																   data-temp-obj="tRpcDatasource.dataName">
														</div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">数据源类型：</label></td>
													<td>
														<div class="form-group">
															<select class="form-control clean" name="tRpcDatasource.databaseType" placeholder="必填项" data-bv-notempty="true"
																	data-bv-notempty-message="不能为空"
																	data-name="tRpcDatasource.databaseType">
																<option value="" selected="selected">--请选择--</option>
																<option value="mysql">mysql</option>
																<option value="oracle">oracle</option>
															</select>
														</div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">连接驱动：</label></td>
													<td>
														<div class="form-group">
															<select class="form-control clean" name="tRpcDatasource.driverClassName" data-name="tRpcDatasource.driverClassName" data-val="com.mysql.jdbc.Driver" placeholder="必填项" data-bv-notempty="true"
																	data-bv-notempty-message="不能为空" >
																<option value="" selected="selected">--请选择--</option>
																<option data-type="mysql" value="com.mysql.jdbc.Driver">com.mysql.jdbc.Driver</option>
																<option data-type="oracle" value="oracle.jdbc.OracleDriver">oracle.jdbc.OracleDriver</option>
															</select>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">JDBC连接地址：</label></td>
													<td>
														<div class="form-group">
															<input name="tRpcDatasource.jdbcUrl" class="form-control clean" data-name="tRpcDatasource.jdbcUrl"
																   placeholder="此项不能为空,参考下面格式" placeholder="必填项" data-bv-notempty="true"
																   data-bv-notempty-message="不能为空" >
															<div class="f12 fx8">
																<div>[mysql]：jdbc:mysql://127.0.0.1:3307/test?useSSL=true&amp;useUnicode=true&amp;characterEncoding=UTF8&amp;allowMultiQueries=true&amp;useReadAheadInput=false&amp;useUnbufferedInput=false&amp;useOldAliasMetadataBehavior=true</div>
																<div>[oracle]：jdbc:oracle:thin:@127.0.0.1:1521:orcl</div>
																<!--<div>[sqlserver]：jdbc:sqlserver://127.0.0.1:1433;DatabaseName=testdb</div>-->
															</div>
														</div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">用户名User：</label></td>
													<td>
														<div class="form-group">
															<input name="tRpcDatasource.jdbcUsername"
																   class="form-control clean"
																   data-name="tRpcDatasource.jdbcUsername"
																   value="" placeholder="必填项" data-bv-notempty="true"
																   data-bv-notempty-message="不能为空" >
														</div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">密码Password：</label></td>
													<td>
														<div class="form-group">
															<input name="tRpcDatasource.jdbcPassword"
																   class="form-control clean"
																   data-name="tRpcDatasource.jdbcPassword"
																   value="ius_base" placeholder="必填项" data-bv-notempty="true"
																   data-bv-notempty-message="不能为空" >
														</div>
													</td>
												</tr>
												</tbody>
											</table>
										</div>
										<!-- temp="addForm1_content" end -->


										<div class="form-group">
											<div class="col-sm-12">
												<div class="box-footer text-center">
													<button class="btn btn-success pull-left" type="button"
															onclick="mytools.closeModal('my_modal_add');"> 取消
													</button>
													<button class="btn btn-danger pull-right" type="button"
															onclick="submitForm1('addForm1','');"
															data-temp-event="addForm1_hidden"> 提 交
													</button>
												</div>
											</div>
										</div>

									</form>
								</div>

							</div>
							<!-- tab content e -->
						</div>

					</div>
				</div>
				<!-- /.modal-content -->
			</div>
		</div>

		<div win-title="修改窗口" class="modal fade" id="my_modal_edit" tabindex="-1" role="dialog"
			 aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">信息修改</font> 
						</h4>
					</div>
					<div class="modal-body">
						<div class="nav-tabs-custom">
							<ul class="nav nav-tabs" id="myTab-edit">
							</ul>

							<!-- tab content start -->
							<div class="tab-content">

								<div class="tab-pane active" id="tabEdit_1">
									<form class="form-horizontal editFormBody" role="form" id="editForm1"
										  action="javascript:void(0)">
										<input type="hidden" class="formToken" id="editForm1_formToken"
											   name="formToken"/>
										<!-- temp="editForm1_hidden" start -->
										<div id="editForm1_hidden" style="display:none;">
											<input type="hidden" name="pageName" value="datasource-list"/>
											<input type="hidden" name="formName" value="editForm"/>
											<input type="hidden" name="tRpcDatasource.w_dataName" data-name="tRpcDatasource.dataName" class="clean">
										</div>
										<!-- temp="editForm1_hidden" end -->

										<!-- temp="editForm1_content" start -->
										<div id="editForm1_content">


											<table class="table table-bordered bordercolor">
												<tbody>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">数据源标识：</label></td>
													<td>
														<div class="form-control-static">
															<span data-name="tRpcDatasource.dataName"></span>
														</div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">数据源类型：</label></td>
													<td>
														<div class="form-group">
															<select class="form-control clean" name="tRpcDatasource.databaseType" placeholder="必填项" data-bv-notempty="true"
																	data-bv-notempty-message="不能为空"
																	data-name="tRpcDatasource.databaseType">
																<option value="" selected="selected">--请选择--</option>
																<option value="mysql">mysql</option>
																<option value="oracle">oracle</option>
															</select>
														</div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">连接驱动：</label></td>
													<td>
														<div class="form-group">
															<select class="form-control clean" name="tRpcDatasource.driverClassName" data-name="tRpcDatasource.driverClassName" data-val="com.mysql.jdbc.Driver" placeholder="必填项" data-bv-notempty="true"
																	data-bv-notempty-message="不能为空" >
																<option value="" selected="selected">--请选择--</option>
																<option data-type="mysql" value="com.mysql.jdbc.Driver">com.mysql.jdbc.Driver</option>
																<option data-type="oracle" value="oracle.jdbc.OracleDriver">oracle.jdbc.OracleDriver</option>
															</select>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">JDBC连接地址：</label></td>
													<td>
														<div class="form-group">
															<input name="tRpcDatasource.jdbcUrl" class="form-control clean" data-name="tRpcDatasource.jdbcUrl"
																   placeholder="此项不能为空,参考下面格式" placeholder="必填项" data-bv-notempty="true"
																   data-bv-notempty-message="不能为空" >
															<div class="f12 fx8">
																<div>[mysql]：jdbc:mysql://127.0.0.1:3307/test?useSSL=true&amp;useUnicode=true&amp;characterEncoding=UTF8&amp;allowMultiQueries=true&amp;useReadAheadInput=false&amp;useUnbufferedInput=false&amp;useOldAliasMetadataBehavior=true</div>
																<div>[oracle]：jdbc:oracle:thin:@127.0.0.1:1521:orcl</div>
																<!--<div>[sqlserver]：jdbc:sqlserver://127.0.0.1:1433;DatabaseName=testdb</div>-->
															</div>
														</div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">用户名User：</label></td>
													<td>
														<div class="form-group">
															<input name="tRpcDatasource.jdbcUsername"
																   class="form-control clean"
																   data-name="tRpcDatasource.jdbcUsername"
																   value="ius_base" placeholder="必填项" data-bv-notempty="true"
																   data-bv-notempty-message="不能为空" >
														</div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">密码Password：</label></td>
													<td>
														<div class="form-group">
															<input name="tRpcDatasource.jdbcPassword"
																   class="form-control clean"
																   data-name="tRpcDatasource.jdbcPassword"
																   value="ius_base" placeholder="必填项" data-bv-notempty="true"
																   data-bv-notempty-message="不能为空" >
														</div>
													</td>
												</tr>
												</tbody>
											</table>
										</div>
										<!-- temp="editForm1_content" end -->

										<div class="form-group">
											<div class="col-sm-12">
												<div class="box-footer text-center">
													<button class="btn btn-success pull-left" type="button"
															onclick="mytools.closeModal('my_modal_edit');"> 取消
													</button>
													<button class="btn btn-danger pull-right" type="button"
															onclick="submitForm1('editForm1','');"
															data-temp-event="editForm1_hidden"> 提 交
													</button>
												</div>
											</div>
										</div>
									</form>
								</div>

							</div>
							<!-- tab content e -->
						</div>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
		</div>

		<div win-title="查看窗口" class="modal fade" id="my_modal_view" tabindex="-2" role="dialog"
			 aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" style="width:80%;">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							×
						</button>
						<h4 class="modal-title">
							<font color="red">查看详情</font> 
						</h4>
						<form id="viewForm" action="javascript:void(0)">
							<!-- temp="viewForm_hidden" start -->
							<div id="viewForm_hidden" style="display:none;"></div>
							<!-- temp="viewForm_hidden" end -->
						</form>
					</div>
					<div class="modal-body viewForm">

						<div class="nav-tabs-custom">
							<ul class="nav nav-tabs" id="myTab-view">
							</ul>

							<!-- tab content start -->
							<div class="tab-content">

								<div class="tab-pane active" id="tabView_1">
									<form class="form-horizontal" role="form" id="viewForm1"
										  action="javascript:void(0)">

										<!-- temp="viewForm1_content" start -->
										<div id="viewForm1_content" class="row viewForm">
											<table class="table table-bordered bordercolor">
												<tbody>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">数据源标识：</label></td>
													<td>
														<div class="form-control-static"><span
																data-name="tRpcDatasource.dataName"></span></div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">数据源类型：</label></td>
													<td>
														<div class="form-control-static"><span
																data-name="tRpcDatasource.databaseType"></span></div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">连接驱动：</label></td>
													<td>
														<div class="form-control-static"><span
																data-name="tRpcDatasource.driverClassName"></span>
														</div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">JDBC连接地址：</label></td>
													<td>
														<div class="form-control-static"><span
																data-name="tRpcDatasource.jdbcUrl"></span></div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">用户名User：</label></td>
													<td>
														<div class="form-control-static"><span
																data-name="tRpcDatasource.jdbcUsername"></span></div>
													</td>
												</tr>
												<tr>
													<td class="active" align="right"><label
															class="form-control-static">密码Password：</label></td>
													<td>
														<div class="form-control-static"><span
																data-name="tRpcDatasource.jdbcPassword"></span></div>
													</td>
												</tr>
												</tbody>
											</table>
										</div>
										<!-- temp="viewForm1_content" end -->

									</form>
									<div class="form-group">
										<div class="col-sm-12">
											<div class="box-footer text-center">
												<button class="btn btn-success pull-right" type="button"
														onclick="mytools.closeModal('my_modal_view');"> 关闭
												</button>
											</div>
										</div>
									</div>
								</div>


							</div>
							<!-- tab content e -->
						</div>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
		</div>

		<!-- Part 二、以下是template模板定义的模块区域 -->
		<script type="text/template" id="dataList-template">
			<? for ( var i = 0; i < rows.length; i++) {?>
			<tr>
				<td><?=(pageObj.currentPage-1)*10+(i+1)?></td>
				<!-- temp="dataList_template_content" start -->
				<td style='display:none;'><input type="hidden" name="input_primaryKey" obj-name="tRpcDatasource"
												 primary="dataName"
												 value="<?=strUtil.doNull(rows[i].tRpcDatasource.dataName,'')?>"/></td>
				<td><?=strUtil.doNull(rows[i].tRpcDatasource.sysEname,'')?></td>
				<td><?=strUtil.doNull(rows[i].tRpcDatasource.databaseType,'')?></td>
				<td><?=strUtil.subStr(rows[i].tRpcDatasource.jdbcUrl,80)?></td>
				<!-- temp="dataList_template_content" end -->
				<td>
					<button type="button" class="btn btn-success btn-xs" onclick="toLoad(this,'view')"><i
							class="fa fa-search-plus"></i> 查看
					</button>
					  
					<button type="button" class="btn btn-warning btn-xs" onclick="toLoad(this,'edit');"><i
							class="fa fa-edit"></i> 修改
					</button>
					  
					<button type="button" class="btn btn-danger btn-xs" onclick="toDele('<?=rows[i].tRpcDatasource.dataName?>');"><i
							class="fa fa-trash-o"></i> 删除
					</button>
				</td>
			</tr>
			<?}?>
		</script>

<!-- Part 三、 以下是js模块区域 -->
<script>
var clickMenu = "conf-data-source";
var myPage,dataListId,searchFormId;
myPage = 10;//定义列表数据
dataListId = "dataList";//显示列表数据div的id
searchFormId = "searchForm";//搜索表单Id
/**
 * 初始化数据字典，id传入#id 返回值Map用法：dictListMap["userType"][rows[i].userType]
 */
var dictListMap = DictUtil.initDictAndDymic();
 
$(function () {
	//1、加载分页列表数据
	getTableData();
	
	//2、控制是否启用token
	//setToken();
	
 });
 
 $(function () {
	//设置数据行选中效果
	$('#'+dataListId+' tbody').on('click','tr', function (e) {
	     if ( $(this).hasClass('selected') ) {
	        }
	        else {
	            $('tr.selected').removeClass('selected');
	            $(this).addClass('selected');
	        }
	     //var id = $('tr.selected th').eq(0).html();
	} );
 });
//注入日历框样式
var dateObject = $('.datepicker').datepicker( {
	language : 'zh-CN',
	//inline: true,
	todayBtn : "linked",
	format : "yyyy-mm-dd",
	autoclose: true
}).on('hide',function(e) {
	//bootstrap datepicker与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决方法
	//当日期选择框关闭时，执行刷新校验。
	var fieldName = $(this).attr("name");//获取当前元素name
	var formId = $(this).parents("form").eq(0).attr("id");//获取当前元素所在父层级中的就近的formId
    $("#"+formId).data('bootstrapValidator').updateStatus(fieldName,'NOT_VALIDATED',null).validateField(fieldName);
});

//给模态窗口内form表单内的所有支持必填项的元素注入校验
$(".modal").on('shown.bs.modal', function () {
	$(this).find("form").each(function(){
		var formId = $(this).attr("id");
		if(!strUtil.isNull(formId)){
			formId="#"+formId;
		 	setValidate(formId);//定义add表单验证属性
			mytools.cleanValidate(formId);//清空上次校验规则提示
		}
	});
});
//切换数据库类型，对应所需的驱动类
function changeDataType(obj){
	//添加【数据库类型】切换事件
	var index =$(obj).prop('selectedIndex');
	var formId = "#"+$(obj).parents('form').attr("id");
	$(formId).find("select[name='tRpcDatasource.driverClassName']").get(0).selectedIndex=index;
}


//打开添加modal
function toAdd(){
	mytools.cleanData(".addFormBody");//清空表单元素上次填写的内容；
	$(".datepicker").val("");
	$("#my_modal_add").modal("show");
}
//数据toLoad读取（查看、编辑）数据
function toLoad(obj,type){
	if("view"==type){
		$("#my_modal_view").modal("show");
	}else if("edit"==type){
		mytools.cleanData(".editFormBody");//清空表单元素上次填写的内容；
		$("#my_modal_edit").modal("show");
	}
	var paramLoadData = {};
	var inputPrimaryObj = $(obj).parent().parent().find("input[name='input_primaryKey']");
	paramLoadData["pageName"]=$("#searchForm").find("input[name='pageName']").val();
	paramLoadData["formName"]=$("#searchForm").find("input[name='formName']").val();
	if(inputPrimaryObj.length>0){
        for(var k=0;k<inputPrimaryObj.length;k++){
            var pkobj=$(inputPrimaryObj[k]);
            paramLoadData[pkobj.attr("obj-name")+".w_"+pkobj.attr("primary")]=pkobj.val();
        }
		$.get(common_info_url, paramLoadData,function(myData){
			console.log(myData);
			//反显加载数据
			if(myData){
				for(var objNameKey in myData){
					FormUtil.loadView(objNameKey, myData[objNameKey],"#my_modal_"+type);
				}
			}
	   	},"json");
	}
}
//删除调用
function toDele(infoId){
	var index_submit = layer.confirm("您确定要删除信息吗？", {btn: ["Yes","No"],closeBtn: 0,offset: "220px"}
	, function(){
		layer.close(index_submit);
		var paramData = {};
		paramData["pageName"]="datasource-list";
		paramData["formName"]="delForm";
		paramData["tRpcDatasource.w_dataName"]=infoId;
		$.ajax({
			type:"post",
			url:common_submit_url,
			data: paramData,dataType:"json",
			success: function(myData){
				var result = myData.flag;
				if(result=="T"){
					refresh();
				}else{
					layer.alert("删除失败！");
				}
			}
		});
	});
}
//加载列表数据
function getTableData(){
    if(strUtil.isNull($("#"+searchFormId).find("input[name='pageName']").val())){return;}
    var index_load = layer.load(1, {shade: false});
	$.ajax({
		   type:'get',
		   url:common_list_url,
		   data:$("#"+searchFormId).serialize()+getCurrentPage(common_list_url+"?"+$("#"+searchFormId).serialize(),myPage),
		   dataType:'json',
		   success: function(myData){
		   	console.log(myData);
		   	if("T"==myData.flag){
		   	    $("#dataListTotalCount").text(myData.total);
			    if(myData.total>0){
			        var data = baidu.template(dataListId+"-template",eval(myData));
                    $("#"+dataListId+"-body").html(data);
                    var option= {
                       ele:$("#"+dataListId+"-page")[0],
                       total:myData.total,
                       //pageList:[10,20,50],//分页条数控制
                       fn:getTableData,
                       url:common_list_url+"?"+$("#"+searchFormId).serialize()
                    }
                    generatePages(option);
			    }else{
                    $("#"+dataListId+"-body").html('');
			    }
			 }
			 layer.close(index_load);
		   }
		});
  }

//刷新数据源缓存
function loadCacheDatasource(sysEname) {
	var index_load = layer.msg("正在同步缓存");
	$.ajax({ type:'post',dataType:'json',
		url: ctx+"/iusCache/init",
		data:{"pageName":"datasource-list","formName":"initiCacheForm","tRpcDatasource.w_sysEname":sysEname},
		success: function(myData){
			layer.close(index_load);
			console.log("mytools.loadCacheDatasource",myData);
		}
	});
}
//提交tab1表单数据
function submitForm1(formId,tabId){
	//校验规则-表单提交时触发
	var validate = $('#'+formId).data('bootstrapValidator').validate();
	if(!validate.isValid()){ //如果校验不通过就返回
	    return;  
	}
	var defSysEname = "";
	if('editForm1'==formId){
		defSysEname = $("#"+formId).find("input[name='tRpcDatasource.w_dataName']").val();
	}else{
		defSysEname = $("#"+formId).find("input[name='tRpcDatasource.dataName']").val();
	}
	$('#'+formId).find("input[name='tRpcDatasource.sysEname']").val(defSysEname);
	var index_submit = layer.confirm('您确定要保存信息吗？', {btn: ['Yes','No'],closeBtn: 0,offset: '220px'}
	, function(){
		var result = submitForm(formId,tabId);
		if(result){
			layer.alert("提交成功！", {closeBtn: 0 });
      		mytools.closeModal("my_modal_add");
      		mytools.closeModal("my_modal_edit");
			//刷新缓存
			if(!strUtil.isNull(defSysEname)){
				loadCacheDatasource(defSysEname);
			}

      		refresh();

      		setToken();
    		if(!strUtil.isNull(tabId)){
      			$('.nav-tabs a[href=\"#'+tabId+'\"]').tab('show'); // Select tab by name 
      		}
	  	}
	});
	
 }
//提交表单数据
function submitForm(formId,tabId){
	var result;
	var index_load = layer.load(1, {shade: false});
	$.ajax({
	    type:'post',
	    url:common_submit_url,
	    data:$("#"+formId).serialize(),
	    async:false,
	    dataType:'json',
	    success: function(myData){ 
	     console.log(myData);
	        if(myData.flag=="T"){
	        	result = myData;
	    	}else{
	    		setToken();
	     		layer.alert(myData.msg);
	    	}
	        layer.close(index_load);
	  	},
	     error: function (e) {
		     layer.close(index_load);
     	} 
	});	
	return result;
}

//刷新
function refresh(){
	getTableData();
}
//设置token
function setToken(){
	$.ajax({
	    type:'get',
	    url:'${ctx}/sendPage/token?token=true',
	    dataType:'text',
	    success: function(myData){
	    	console.log(myData);
			$('.formToken').val(myData);
	  	}
	});	
}


/**** Part 四、以下是自定义新增方法  ****/
//1.定义校验规则-定义
function setValidate(id){
	$(id).each(function(){
		$(this).bootstrapValidator({
		    feedbackIcons: {
		        valid: 'glyphicon glyphicon-ok',
		        invalid: 'glyphicon glyphicon-remove',
		        validating: 'glyphicon glyphicon-refresh'
		    },/** 以下需要结合实际业务清空补充个表单元素的验证规则 **/
		 	fields:{
		 		/** 可自定义新增验证规则
		    	"uctUser.userEname":{
		    		 validators: {
		    			 regexp: {
		    				 regexp: /^[0-9]+$/,
		                      message: '只能是数字'
		                  }
		              }
		    	}
		    	**/
				}
		});
	});
}


</script>
</section>
<!-- Main end -->   
</div>
<!-- foot start -->
<%@include file="/common/dxp/foot.jsp" %>
<!-- foot start -->
</div>
<!-- /.content-wrapper -->
</body>
</html>

